<template>
	<view class="wp">
		<view class="b1">
			
			<view class="b2">
			</view>
			<view class="b3">
				<view class="v-img">
					<image src="./img/jd.jpg" mode=""></image>
					
				</view>
				<text class="title">京东数字科技集团</text>
				<text class="b-p">
					<text>--</text>
					<text>35134</text>
					<text>境内北京市</text>
				</text>
				<view class="b4">
					<text class="sc">收藏</text>
					<text class="jr">进入3D展厅</text>
				</view>
			</view>
			
		</view>
		<view class="tab">
			<tab></tab>
		</view>
		
	</view>
	
</template>

<script>
	import tab from './tab.vue'
	export default {
		data() {
			return {
			}
		},
		components:{
			tab
		},
		methods: {
			
		}
	}
</script>

<style scoped>
	.b1{
		width: 100%;
		height: 350px;
		background: url(./img/bg.jpg) no-repeat 0 0;
		background-size: contain;
		/* border: 1rpx #18B566 solid; */
		position: absolute;
		top: -100px;
	}
	.b1 .b2{
		width: 100%;
		position: absolute;
		top: 30px;
		background: url(img/bgup2.jpg);
		
	}
	.b3{
		width: 90%;
		height: 220px;
		background: #fff;
		position: absolute;
		top: 200px;
		border-radius: 25px;
		left: 5%;
	box-shadow:1px 1px 5px #ccc ;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	}
	.wp{
	background: #f3f6fa;
	height: 1000px;
	width: 100%;
	}
	.v-img{
		width: 100px;
		z-index: 100;
		height: 100px;
		position: absolute;
		top: -20px;
		left: 20px;
	}
	.v-img image{
		width: 100%;
		height: 100%;
	}
	.title{
		font-size: 20px;
		font-weight: 600;
		margin: 20px;
		margin-left:130px ;
	}
	
	.b-p{
		color: #ccc;
		margin: 15px;
		margin-top: 30px;
		
	}
	.b-p text{
		margin-left: 15px;
		font-size: 16px;
		margin-right: 35px;
	}
	.b4{
		margin: 0 auto;
		display: flex;
		margin-top:15px ;
	}
	.sc,.jr{
		width: 140px;
		text-align: center;
		border-radius:25px ;
		line-height: 35px;
		height: 35px;margin: 10px;
		}
		.sc{
			background:#fff1e0 ;
			color: #ad7a3a;
		}.jr{
			background:#e0eaff ;
			color: #1b68fd;
		}
		.tab{
			width: 100%;
		position: absolute;	
		top: 340px;
		}
</style>
